<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="https://cdn.bootcdn.net/ajax/libs/scrollReveal.js/4.0.9/scrollreveal.min.js"></script>

    <link
      href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.1/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <link
      href="https://cdn.bootcdn.net/ajax/libs/Glide.js/3.4.1/css/glide.core.min.css"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="./assets/css/style.css" />
    <link rel="stylesheet" href="./assets/css/responsive.css" />

    <title>最新资讯 —— 楼氏集团</title>
  </head>
  <body>
    <!-- Header -->
    <header class="">
      <div class="logo">
        <img src="./assets/images/nav_logo.png" alt="楼氏集团" />
      </div>
      <nav>
        <ul>
          <li class="active">
            <a href="#"><span>首页</span></a>
          </li>
          <li>
            <a href="#"><span>关于我们</span></a>
          </li>
          <li>
            <a href="#"><span>合作案例</span></a>
          </li>
          <li>
            <a href="#"><span>海量资源</span></a>
          </li>
          <li>
            <a href="#"><span>商务合作</span></a>
          </li>
          <li>
            <a href="#"><span>全国布局</span></a>
          </li>
        </ul>
      </nav>
      <div class="burger" id="header-burger">
        <span></span>
        <span></span>
        <span></span>
      </div>
    </header>

    <!-- Banner -->
    <div class="banner">
      <img src="./assets/images/news_banner.jpg" alt="" />
    </div>

    <!-- NewsWrap -->
    <div class="news-wrap bg-white">
      <div class="container">
        <div class="title-box">
          <h1>NEWS<br />最新资讯</h1>
        </div>
        <ul class="news-list">
          <li class="news-item">
            <a href="#" class="news-post"
              ><img
                class="lazy-img"
                data-src="/assets/images/news_banner.jpg"
                alt=""
            /></a>
            <div class="news-content">
              <div class="news-date">
                <span>07</span>
                <span>2021.06</span>
              </div>
              <a href="" class="news-title">
                <h1>
                  楼氏集团&BMW跨界联动合作楼氏集团&BMW跨界联动合作&BMW跨界联动合作…
                </h1>
              </a>
              <a href="" class="news-desc">
                <p>
                  玩转常规营销合作，创新跨界联动，强强联合，真人KOL领衔探索新体验。头部达人领袖现身线下探店、活动体验，深度了解品牌文化及产品优势；线上链接全平台传播BMW产品理...
                </p>
              </a>
              <a href="" class="news-btn">阅读详情</a>
            </div>
          </li>
          <li class="news-item">
            <a href="#" class="news-post">
              <img
                class="lazy-img"
                data-src="/assets/images/news_banner.jpg"
                alt=""
              />
            </a>
            <div class="news-content">
              <div class="news-date">
                <span>07</span>
                <span>2021.06</span>
              </div>
              <a href="" class="news-title">
                <h1>
                  楼氏集团&BMW跨界联动合作楼氏集团&BMW跨界联动合作&BMW跨界联动合作…
                </h1>
              </a>
              <a href="" class="news-desc">
                <p>
                  玩转常规营销合作，创新跨界联动，强强联合，真人KOL领衔探索新体验。头部达人领袖现身线下探店、活动体验，深度了解品牌文化及产品优势；线上链接全平台传播BMW产品理...
                </p>
              </a>
              <a href="" class="news-btn">阅读详情</a>
            </div>
          </li>
        </ul>
        <div class="news-pagebar">
          <a href="#" class="arrows arrows-left"></a>
          <ul>
            <li class="active"><a href="">1</a></li>
            <li><a href="">2</a></li>
            <li><a href="">3</a></li>
            <li><a href="">4</a></li>
            <li><a href="">5</a></li>
            <li><a href="javascript:void(0);">···</a></li>
            <li><a href="">99</a></li>
          </ul>
          <a href="#" class="arrows arrows-right"></a>
        </div>
      </div>
    </div>

    <!-- Footer -->
    <footer>
      <div class="footer-bd">
        <div class="container">
          <div class="footer-bd-wrap">
            <img src="./assets/images/footer_slogan.png" alt="楼氏集团" />
            <a href="#">友情链接</a>
          </div>
        </div>
      </div>
      <div class="footer-ft">
        <div class="container">
          <a href="#">
            <img src="./assets/images/footer_icon_beian.png" alt="" />
            <span
              >粤ICP备19082438号｜粤公网安备 44030502004664号
              楼氏（深圳）文化传媒集团有限公司</span
            >
          </a>
        </div>
      </div>
    </footer>
    <script src="https://cdn.bootcdn.net/ajax/libs/Glide.js/3.4.1/glide.min.js"></script>
    <script src="./assets/js/index.js"></script>
  </body>
</html>
